<script src="<?php echo $template->url->getLink('scripts/jQuery-File-Upload');?>/js/vendor/jquery.ui.widget.js"></script>
<script src="<?php echo $template->url->getLink('scripts/jQuery-File-Upload');?>/js/jquery.iframe-transport.js"></script>
<script src="<?php echo $template->url->getLink('scripts/jQuery-File-Upload');?>/js/jquery.fileupload.js"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $('#fileupload').fileupload({
            url : '~product/upload',
            dataType: 'json',
            done: function (e, data) {
                $.each(data.result.files, function (index, file) {
                    console.log(file);
                    $('<p/>').text(file.name).appendTo(document.body);
                });
            }
        });
    });
</script>

<input id="fileupload" type="file" name="files[]" multiple>